<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			// 1.实例化XMLHttpRequest
			// 2.配置请求信息
			// 3.发送请求
			// 4.接收数据
			var person_info = [];
			var xhr = new XMLHttpRequest();
			xhr.open("POST", "http://jianshe.bluej.cn/api/index/get_carousel");
			xhr.send();
			xhr.addEventListener("readystatechange", function() {
				if (xhr.readyState == 4) {
					if (xhr.status == 200) {
						// 成功返回
						person_info = JSON.parse(xhr.responseText);
						person_info.data.forEach(function(info) {
							console.log("http://jianshe.bluej.cn" + info.ch_img_url);
						})

					}
					// 回调地狱   callback_hell
					// async  await
				}
			})


			// JSON.parse()  字符串转数组
			// JSON.stringify()  数组转字符串

			// 响应头：请求数据，请求方式，浏览器信息，数据是否缓存
			// 请求头：状态值，状态码，数据，响应类型

			// 状态值

			// 状态码
			// 200-交易成功
			// 404-请求不允许
			// 403-没有发现文件、查询或URl
			// 500-服务器产生内部错误 
			// 503-服务器过载或暂停维修
		</script>
	</body>
</html>
